<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>事件循环</title>
</head>

<body>

  <script>
    /**
     * 目标：阅读并回答执行的顺序结果
    */
    console.log(1)
    setTimeout(() => {
      console.log(2)
    }, 0)
    console.log(3)
    setTimeout(() => {
      console.log(4)
    }, 2000)
    console.log(5)

    // 事件  定时器  ajax  回调函数 

    // new Promise(function (reslove, reject) {
    //   reslove(1)
    // }).then(function f1(res) {
    //   console.log(res, 'res');
    // }).then(function f2(res) {
    //   console.log(res, 'res2');
    // }).catch(function f3(err) {
    //   console.log(err);
    // }).then(function f4(res) {
    //   console.log(res, 'res');
    // })
  </script>
</body>

</html>